<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>快乐购 - 订单管理</title>

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/glyphicons-halflings.min.css">
		<link rel="stylesheet" type="text/css" href="../css/default.min.css" />

		<!-- JS -->
		<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!-- 导航条开始 -->
		<header class="navbar navbar-expand-md navbar-light bg-light">
			<nav class="container">
				<a href="../index.html" class="navbar-brand">
					<img src="../img/logo.png" alt="Happy Go" />
				</a>
				<a href="#navbar-menu1" data-toggle="collapse" class="navbar-toggler collapsed">
					<i class="navbar-toggler-icon"></i>
				</a>

				<div id="navbar-menu1" class="navbar-collapse collapse">
					<div class="navbar-text">
						<span>Admin，</span>
						<span>欢迎来到快乐购管理页面！&nbsp;</span>
					</div>

					<div class="ml-auto">
						<ul class="navbar-nav nav">
							<li class="nav-item">
								<a href="index.html" class="nav-link">管理首页</a>
							</li>
							<li class="nav-item dropdown">
								<a href="#" data-toggle="dropdown" class="nav-link">
									<span>商品</span>
									<i class="dropdown-toggle"></i>
								</a>
								<div class="dropdown-menu">
									<a href="product-category.html" class="dropdown-item">类别管理</a>
									<a href="product.html" class="dropdown-item">商品管理</a>
								</div>
							</li>
							<li class="nav-item">
								<a href="order.html" class="nav-link active">订单</a>
							</li>
							<li class="nav-item">
								<a href="user.html" class="nav-link">用户</a>
							</li>
							<li class="nav-item">
								<a href="ads.html" class="nav-link">广告</a>
							</li>
							<li class="nav-item">
								<a href="../index.html" class="nav-link">购物首页</a>
							</li>
							<li class="nav-item">
								<a href="../login.html" class="nav-link">注销</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<!-- //导航条结束 -->

		<!-- 页面主体部分 -->
		<div class="container mt-2">
			<div class="h4 border-bottom">
				<span>订单管理</span>
			</div>

			<!-- 没有订单记录时显示以下注释内容 -->
			<!-- <div class="h1 text-center text-muted">
					没有任何订单记录
				</div> -->

			<!-- 有订单记录时显示以下内容(一个order-item就是一个订单项) -->
			<div class="order-item">
				<div class="row">
					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单号</label>
							<div class="col form-control-plaintext">
								<span class="text-primary">2018072112564300002</span>
							</div>
						</div>
					</div>

					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">收货人</label>
							<div class="col form-control-plaintext">
								李双江 [<span class="text-primary">13888888888</span>]
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单状态</label>
							<div class="col form-control-plaintext">
								<span class="text-success">运送中</span>
							</div>
						</div>
					</div>

					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单金额</label>
							<div class="col form-control-plaintext">￥8889,888.00</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单时间</label>
							<div class="col form-control-plaintext">2018-07-22 13:42:03</div>
						</div>
					</div>

					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">收货地址</label>
							<div class="col form-control-plaintext">湖南省长沙市芙蓉区人民路666号</div>
						</div>
					</div>
				</div>

				<div class="d-flex justify-content-end my-2">
					<div class="btn-group btn-group-sm">
						<a href="#order-detail-2" data-toggle="collapse" class="btn btn-outline-secondary">查看订单明细</a>
						<div class="btn-group btn-group-sm dropdown">
							<a href="" data-toggle="dropdown" class="btn btn-outline-secondary dropdown-toggle">订单状态</a>
							<div class="dropdown-menu dropdown-menu-right">
								<a href="" class="dropdown-item">已下单</a>
								<a href="" class="dropdown-item">配货中</a>
								<a href="" class="dropdown-item active">运送中</a>
								<a href="" class="dropdown-item">等等确认收货</a>
								<a href="" class="dropdown-item">已确认收货</a>
								<div class="dropdown-divider"></div>
								<a href="" class="dropdown-item">申诉中</a>
								<a href="" class="dropdown-item">退货中</a>
								<a href="" class="dropdown-item">已退货</a>
								<a href="" class="dropdown-item">已取消</a>
							</div>
						</div>
						<a href="my/order.html" class="btn btn-outline-danger" data-toggle="del">删除订单</a>
					</div>
				</div>

				<div id="order-detail-2" class="collapse collapsed">
					<div class="order-detail">
						<div>
							<span class="text-muted">棉衣女中长款韩版2017冬装新款羽绒棉服大毛领修身百搭棉袄外套潮</span>
							<span class="text-primary">&nbsp;x2</span>
							<span class="text-danger">&nbsp;￥999,999.00</span>
						</div>
						<div>
							<span class="text-muted">Five Plus新女冬装刺绣双排扣长款长袖毛呢西装外套2HD5345220</span>
							<span class="text-primary">&nbsp;x2</span>
							<span class="text-danger">&nbsp;￥888,888.00</span>
						</div>
					</div>
				</div>
			</div>

			<div class="order-item">
				<div class="row">
					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单号</label>
							<div class="col form-control-plaintext">
								<span class="text-primary">2018072112564300001</span>
							</div>
						</div>
					</div>

					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">收货人</label>
							<div class="col form-control-plaintext">
								李大钊 [<span class="text-primary">13999999999</span>]
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单状态</label>
							<div class="col form-control-plaintext">
								<span class="text-primary">已确认收货</span>
							</div>
						</div>
					</div>

					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单金额</label>
							<div class="col form-control-plaintext">￥999,999.00</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">订单时间</label>
							<div class="col form-control-plaintext">2018-07-21 12:56:43</div>
						</div>
					</div>

					<div class="col-6">
						<div class="form-group form-row my-0">
							<label class="col-form-label">收货地址</label>
							<div class="col form-control-plaintext">湖南省长沙市芙蓉区远大路888号</div>
						</div>
					</div>
				</div>

				<div class="d-flex justify-content-end my-2">
					<div class="btn-group btn-group-sm">
						<a href="#order-detail-1" data-toggle="collapse" class="btn btn-outline-secondary">查看订单明细</a>
						<div class="btn-group btn-group-sm dropdown">
							<a href="" data-toggle="dropdown" class="btn btn-outline-secondary dropdown-toggle">订单状态</a>
							<div class="dropdown-menu dropdown-menu-right">
								<a href="" class="dropdown-item">已下单</a>
								<a href="" class="dropdown-item">配货中</a>
								<a href="" class="dropdown-item">运送中</a>
								<a href="" class="dropdown-item">等等确认收货</a>
								<a href="" class="dropdown-item active">已确认收货</a>
								<div class="dropdown-divider"></div>
								<a href="" class="dropdown-item">申诉中</a>
								<a href="" class="dropdown-item">退货中</a>
								<a href="" class="dropdown-item">已退货</a>
								<a href="" class="dropdown-item">已取消</a>
							</div>
						</div>
						<a href="my/order.html" class="btn btn-outline-danger" data-toggle="del">删除订单</a>
					</div>
				</div>

				<div id="order-detail-1" class="collapse collapsed">
					<div class="order-detail">
						<div>
							<span class="text-muted">棉衣女中长款韩版2017冬装新款羽绒棉服大毛领修身百搭棉袄外套潮</span>
							<span class="text-primary">&nbsp;x2</span>
							<span class="text-danger">&nbsp;￥999,999.00</span>
						</div>
						<div>
							<span class="text-muted">Five Plus新女冬装刺绣双排扣长款长袖毛呢西装外套2HD5345220</span>
							<span class="text-primary">&nbsp;x2</span>
							<span class="text-danger">&nbsp;￥888,888.00</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
		<footer class="mt-2">
			<hr />
			<div class="container">
				<div class="row">
					<div class="col-sm my-2 d-flex justify-content-sm-end justify-content-center">
						<img src="../img/foot_img3.png" class="img-fluid rounded center-block" alt="">
					</div>
					<div class="col-sm my-2 d-flex justify-content-sm-start justify-content-center">
						<img src="../img/foot_img4.png" class="img-fluid rounded center-block" alt="">
					</div>
				</div>

				<div class="row">
					<div class="col text-center small text-muted">
						<div>Rights Reserved 免费服务热线: 400-800-0001 | 固话也可拨打: 800-000-0001 E-Mail: service@happygo.com</div>
						<div>湘ICP备10000001号 信息网络传播视听节目许可证号：1000001</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- //页面脚部部分结束 -->

	</body>

</html>
